<template>
	<activity-ad-swiper :type="AdPositionType.login" v-show="accountStore.isLogin" />
	<div v-show="!accountStore.isLogin">
		<base-image
			:src="`home/${appStore.lang}/banner.png`"
			class="w-full h-100 md:block hidden"></base-image>
		<base-image
			:src="`home/${appStore.lang}/banner-mobile.svg`"
			class="w-full h-100 md:hidden block"></base-image>
		<!-- <img v-if="isPC()" src="@/assets/img/home/banner.png" class="w-full h-100" />
		<img v-else src="@/assets/img/home/banner-mobile.png" class="w-full h-100" />  -->
	</div>
</template>
<script lang="ts" setup>
import BaseImage from '@/components/base/image/index.vue'
import { useAccountStore } from '@/store'
import { ActivityAdSwiper } from '@/components/activity'
import { AdPositionType } from '@/enums'
import { useAppStore } from '@/store'

const appStore = useAppStore()
const accountStore = useAccountStore()
</script>
<style></style>
